<template>
    <div class="response">
        <h2 class="title">response Class</h2>
        <div class="">
            <div class="hljs head"><b>Status {{ disDocData.responses | getCode }}</b></div>
                <pre><code class="json hljs">
    [
        {
        <template v-for="(jsonKey, jsonVal) in disDocData.responses | formatResponse definitions">
        <span class="hljs-attr">"{{ jsonKey }}"</span>: <span class="hljs-string">"{{ jsonVal.type }}"</span>,
        </template>
        }
    ]
                </code></pre>
            </div>
        </div>
    </div>
</template>
<script>
    export default{
        props: ['disDocData', 'definitions'],
        data(){
            return {

            }
        }
    }
</script>
<style lang="scss">
    .response {
        width: 100%;
        .head{
            border: 1px solid #e0e1e3!important;
            font-size: 12px;
            color: #657180;
        }
        .hljs{
            border: 1px solid #e0e1e3;
            border-top: none;
        }
    }
</style>